#container{
    background-color: rgb(244,244,244)
}
.fixe{
    width: 100%;
    height: 44px;
    position: fixed;
    margin: 0 auto;
    left: 0;
    top: 0;
    z-index: 100;
    background-color: #fff;
    display: flex;
    padding-left:5px;
    align-items: center;
    .search{
        display: flex;
        align-items: center;
        height: 24px;
        width: 196px;
        padding: 10px 16px;
        span{
            color: rgb(200, 201, 204);
            margin-left: 4px; 
        }
    }
    .location{
        max-width: 75px;
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden;
    }
}
.perch{
    height: 44px;
}
.my-swipe{
    background-color: #fff;
}
::v-deep .van-swipe__indicator{
    background-color: #333;
}
.chann{
    background-color: #fff;
    ul{
        display: flex;
        padding: 10px 0;
        li{
            width: 20%;
        }
    }
}
*{
    padding: 0;
    margin: 0;
}
.height{
    height: 50px;
}
.make{
    margin-top: 10px;
    background-color: #fff;
    p{
        padding: 20px 0;
    }
    ul{
        display: flex;
        justify-content: space-between;
        flex-wrap: wrap;
        width: 96%;
        margin: 0 auto;
        li{
            width: 49%;
            height: 117px;
            position: relative;
            margin-bottom: 1.5%;
            .lute{
                // width: 100%;
                height: 100%;
                padding: 5px;
                position: absolute;
                p{
                    padding: 0;
                    margin: 12px 0;
                    text-align: left;
                }
            }
            img{
                width: 100%;
                height: 100%;
            }
        }
    }
}
.new{
    width: 100%;
    height: 130px;
    display: flex;
    justify-content: center;
    align-items: center;
    background:url(~@/assets/bgnew.png);
    margin-top: 10px;
    .newBox{
        width: 90px;
        display: flex;
        flex-direction: column;
        p{
            margin: 15px 0;
            height: 20px;
            color: #8c9bae;
            font-size: 16px
        };
        span{
            height: 25px;
            color: #8c9bae;
            line-height: 25px;
            background-color: #d8e4f0;
        }
    }
    
}
.hot{
    width: 100%;
    height: 130px;
    display: flex;
    justify-content: center;
    align-items: center;
    background: url(~@/assets/bgtopic.png);
    margin-top: 10px; 
    .hotBox{
        // width: 90px;
        display: flex;
        flex-direction: column;
        p{
            margin: 17px 0;
            height: 20px;
            color: #b1a279;
            font-size: 16px
        };
        span{
            height: 25px;
            background-color: #f4e9cb;
            line-height: 25px;
            color: #b1a279;
            margin: 0 auto ;
            width: 90px;
        }
    }
}

.list{
    margin-top: 10px;
    background-color: #fff;
    ul{
        display: flex;
        overflow: scroll;
        li{
            margin: 2.5px 0 2.5px 12.5px;
            width: 140px;
            border-left:.01333rem solid #f4f4f4;
            p{
                width: 94%;
                overflow: hidden;
                white-space: nowrap;
                text-overflow: ellipsis;
                text-indent: 1em;
                margin-top: 4px;
                margin-bottom: 12px;
                font-size: .32rem;
                text-align: left;
            }
            p:nth-child(2){
                margin: 4px 0 15px 0;
                font-size: .4rem;
                font-weight: 700;
            }
            p:nth-child(3){
                margin: 4px 0 15px 0;
                color: #8a8a8a;
               
            }
            p:nth-child(4){
                margin: 4px 0 15px 0;
                color: #9c3232;
            }
        }
        li:first-child,.li-last-child{
            border:0
        }
    }
}
.topic{
    margin-top: 10px;
    background-color: #fff;
    .icon{
        display: flex;
        justify-content: center;
        align-items: center;
        height: 18px;
        padding: 19px;
        img{
            margin-left: 5px;
        }
    }
    ul{
        display: flex;
        overflow: scroll;
        li{
            margin-left: 13px;
            display: flex;
            flex-direction: column;
           .felx{
               margin-bottom: 23px;
            p{
                margin-top: 4px;
                margin-bottom: 16px;
                font-size: .32rem;
            }
            p:first-child{
                font-size: .4rem;
                font-weight: 700;
                float: left;
            }
            p:nth-child(2){
                float: right;
                color: #9c3232;
                
            }
            p:last-child{
                float: left;
                color: #8a8a8a;
                width: 255px;
                overflow: hidden;
                white-space: nowrap;
                text-overflow: ellipsis;
                text-align: left;
            }
           }
        }
    }
}
.newCategoryList{
    margin-top: 10px;
    padding: 0 5px;
    padding-bottom:12.5px;
    overflow: hidden;
   ul{
    p{
        margin: 14px auto;
    }
    .bian{
        display: flex;
        justify-content: space-between;
        flex-wrap:wrap ;
        li{
            width: 49.5%;
            background-color: #fff;
            margin-bottom: 1%;
            padding-bottom:5px;
            p{
                margin-bottom: .06667rem;
                text-align: left;
                text-indent: 1em;
            }
            p:last-child{
                color: #9c3232;
            }
        }
        .cover{
            width: 49.5%;
            background-color: #fff;
            margin-bottom: 1%;
            p{
                margin: 0;
                font-size: .44rem;
                margin-top: 40px;
            }
        }
    }
   }
}